﻿<Canvas xmlns="http://schemas.microsoft.com/client/2007"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        >

  <Canvas.Resources>

    <!-- // -->
    <Storyboard x:Name="waiting" Duration="00:00:01"/>

    <!-- // -->
    <Storyboard x:Name="second" Duration="00:00:01"/>

    <!-- // -->
    <Storyboard x:Name="millisecond" Duration="00:00:00.001"/>

    <!-- // -->
    <Storyboard x:Name="picturePanelScaleUp">
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="picturePanel" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)">
        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>

        <!-- // -->
        <SplineDoubleKeyFrame x:Name="picturePanelScaleUpX" KeyTime="00:00:00.3000000" Value="0.5"/>
      </DoubleAnimationUsingKeyFrames>
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="picturePanel" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)">
        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>

        <!-- // -->
        <SplineDoubleKeyFrame x:Name="picturePanelScaleUpY" KeyTime="00:00:00.3000000" Value="0.5"/>
      </DoubleAnimationUsingKeyFrames>
    </Storyboard>

    <!-- // -->
    <Storyboard x:Name="picturePanelScaleDown">
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="picturePanel" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)">

        <!-- // -->
        <SplineDoubleKeyFrame x:Name="picturePanelScaleDownX" KeyTime="00:00:00" Value="0.5"/>
        <SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0"/>
      </DoubleAnimationUsingKeyFrames>
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="picturePanel" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)">

        <!-- // -->
        <SplineDoubleKeyFrame x:Name="picturePanelScaleDownY" KeyTime="00:00:00" Value="0.5"/>
        <SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0"/>
      </DoubleAnimationUsingKeyFrames>
    </Storyboard>
    

    <!-- // -->
    <Storyboard x:Name="mediaPanelScaleUp">
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="mediaPanel" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)">
        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>

        <!-- // -->
        <SplineDoubleKeyFrame x:Name="mediaPanelScaleUpX" KeyTime="00:00:00.3000000" Value="1"/>
      </DoubleAnimationUsingKeyFrames>
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="mediaPanel" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)">
        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>

        <!-- // -->
        <SplineDoubleKeyFrame x:Name="mediaPanelScaleUpY" KeyTime="00:00:00.3000000" Value="1"/>
      </DoubleAnimationUsingKeyFrames>
    </Storyboard>

    <!-- // -->
    <Storyboard x:Name="mediaPanelScaleDown">
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="mediaPanel" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)">

        <!-- // -->
        <SplineDoubleKeyFrame x:Name="mediaPanelScaleDownX" KeyTime="00:00:00" Value="1"/>
        <SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0"/>
      </DoubleAnimationUsingKeyFrames>
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="mediaPanel" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)">

        <!-- // -->
        <SplineDoubleKeyFrame x:Name="mediaPanelScaleDownY" KeyTime="00:00:00" Value="1"/>
        <SplineDoubleKeyFrame KeyTime="00:00:00.3000000" Value="0"/>
      </DoubleAnimationUsingKeyFrames>
    </Storyboard>

    <!-- // -->
    <Storyboard x:Name="speakerOn">
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="sound1" Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
        <SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="1"/>
      </DoubleAnimationUsingKeyFrames>
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="sound2" Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
        <SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="1"/>
      </DoubleAnimationUsingKeyFrames>
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="sound3" Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
        <SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="1"/>
      </DoubleAnimationUsingKeyFrames>
    </Storyboard>

    <!-- // -->
    <Storyboard x:Name="speakerOff">
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="sound1" Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="0"/>
      </DoubleAnimationUsingKeyFrames>
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="sound2" Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="0"/>
      </DoubleAnimationUsingKeyFrames>
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="sound3" Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="0"/>
      </DoubleAnimationUsingKeyFrames>
    </Storyboard>

    <!-- // -->
    <Storyboard x:Name="speakerBlink">
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="speaker" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.1000000" Value="#FF00FF00"/>
        <SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#FFFFFFFF"/>
      </ColorAnimationUsingKeyFrames>
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="sound1" Storyboard.TargetProperty="(Shape.Stroke).(SolidColorBrush.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.1000000" Value="#FF00FF00"/>
        <SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#FFFFFFFF"/>
      </ColorAnimationUsingKeyFrames>
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="sound2" Storyboard.TargetProperty="(Shape.Stroke).(SolidColorBrush.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.1000000" Value="#FF00FF00"/>
        <SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#FFFFFFFF"/>
      </ColorAnimationUsingKeyFrames>
      <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="sound3" Storyboard.TargetProperty="(Shape.Stroke).(SolidColorBrush.Color)">
        <SplineColorKeyFrame KeyTime="00:00:00.1000000" Value="#FF00FF00"/>
        <SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#FFFFFFFF"/>
      </ColorAnimationUsingKeyFrames>
    </Storyboard>

  </Canvas.Resources>

  <!-- // -->
  <TextBlock x:Name="headline"/>

  <!-- // -->
  <Canvas x:Name="screen">

    <!-- // -->
    <TextBlock x:Name="text" TextWrapping="Wrap">
    </TextBlock>

    <!-- // -->
    <Image x:Name="picture"/>

    <!-- // -->
    <MediaElement x:Name="media" AutoPlay="False"/>

    <!-- // -->
    <Canvas x:Name="animationArea">
    </Canvas>

    <!-- // -->
    <Canvas x:Name="panelArea">

      <!-- // -->
      <Canvas x:Name="picturePanel" Width="90" Height="90" Background="#FF4B4B4B" RenderTransformOrigin="0.5,0.5" Opacity="0.9">
        <Canvas.RenderTransform>
          <TransformGroup>

            <!-- // -->
            <ScaleTransform x:Name="picturePanelScale" ScaleX="0" ScaleY="0"/>
            <SkewTransform AngleX="0" AngleY="0"/>
            <RotateTransform Angle="0"/>
            <TranslateTransform X="0" Y="0"/>
          </TransformGroup>
        </Canvas.RenderTransform>

        <!-- // -->
        <Canvas x:Name="enterPictureFullScreen" Background="Transparent" Width="50" Height="50" Canvas.Left="20" Canvas.Top="20">
          <Path Opacity="1" Width="50" Height="50" Stretch="Fill" Data="M0,0 L20,0 11.384713,8.6152868 24.937,22.167574 38.552288,8.5522871 30,0 50,0 50,20 41.380714,11.380714 27.765427,24.996002 41.384712,38.615288 50,30 50,50 30,50 38.556286,41.443714 24.937,27.824429 11.380714,41.380714 20,50 0,50 0,30 8.5522871,38.552288 22.108574,24.996002 8.5562859,11.443714 0,20&#xa;0,0 z" Visibility="Visible">
            <Path.Fill>
              <LinearGradientBrush MappingMode="RelativeToBoundingBox" SpreadMethod="Pad" EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="#FF969696" Offset="0"/>
                <GradientStop Color="#FFFFFFFF" Offset="0.5"/>
                <GradientStop Color="#FF969696" Offset="1"/>
              </LinearGradientBrush>
            </Path.Fill>
          </Path>
        </Canvas>

        <!-- // -->
        <Canvas x:Name="leavePictureFullScreen" Background="Transparent" Visibility="Collapsed" Width="50" Height="50" Canvas.Left="20" Canvas.Top="20">
          <Path Opacity="1" Width="50" Height="50" Stretch="Fill" Data="M27.000048,27.062048 L47.000048,27.062048 38.445262,35.616835 50.000098,47.171671 47.171668,50.000098 35.616835,38.445261 27.000048,47.062048 27.000048,27.062048 z M3.0000485,27.062048 L23.000048,27.062048 23.000048,47.062048 14.383261,38.445261 2.828427,50.000098 0,47.171671 11.554835,35.616835 3.0000485,27.062048 z M47.171668,0 L50.000098,2.8284269 38.383261,14.445262 47.000048,23.062048 27.000048,23.062048 27.000048,3.0620485 35.554835,11.616835 47.171668,0 z M2.828427,0 L14.445262,11.616835 23.000048,3.0620485 23.000048,23.062048 3.0000485,23.062048 11.616835,14.445261 0,2.8284269 2.828427,0 z" Visibility="Visible">
            <Path.Fill>
              <LinearGradientBrush MappingMode="RelativeToBoundingBox" SpreadMethod="Pad" EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="#FF969696" Offset="0"/>
                <GradientStop Color="#FF969696" Offset="1"/>
                <GradientStop Color="#FFFFFFFF" Offset="0.5"/>
              </LinearGradientBrush>
            </Path.Fill>
          </Path>
        </Canvas>
      </Canvas>

      <!-- // -->
      <Canvas x:Name="mediaPanel" Width="704" Height="160" Background="#FF4B4B4B" RenderTransformOrigin="0.5,1" Opacity="0.9">
        <Canvas.RenderTransform>
          <TransformGroup>

            <!-- // -->
            <ScaleTransform x:Name="mediaPanelScale" ScaleX="0" ScaleY="0"/>
            <SkewTransform AngleX="0" AngleY="0"/>
            <RotateTransform Angle="0"/>
            <TranslateTransform X="0" Y="0"/>
          </TransformGroup>
        </Canvas.RenderTransform>

        <!-- // -->
        <Canvas x:Name="scrub" Background="Transparent" Width="523.917" Height="50" Canvas.Left="20" Canvas.Top="90">

          <!-- // -->
          <Rectangle x:Name="scrubBar" Height="10" StrokeThickness="1" Width="424" Canvas.Left="25" Canvas.Top="20"/>
          <Rectangle Height="10" StrokeThickness="1" Width="499" Canvas.Left="12.5" Canvas.Top="20">
            <Rectangle.Fill>
              <RadialGradientBrush Center="0.489068,0.793514" GradientOrigin="0.489068,0.793514" RadiusX="0.563792" RadiusY="0.307626">
                <RadialGradientBrush.RelativeTransform>
                  <TransformGroup>
                    <RotateTransform Angle="180" CenterX="0.489068" CenterY="0.793514"/>
                  </TransformGroup>
                </RadialGradientBrush.RelativeTransform>
                <GradientStop Color="#FFFFFFFF" Offset="0"/>
                <GradientStop Color="#FF000000" Offset="1"/>
              </RadialGradientBrush>
            </Rectangle.Fill>
          </Rectangle>
          <Ellipse Width="25" Height="25" StrokeThickness="1" RenderTransformOrigin="0.5,0.5" Canvas.Top="12.5">
            <Ellipse.Fill>
              <RadialGradientBrush Center="0.489068,0.793514" GradientOrigin="0.489068,0.793514" RadiusX="0.563792" RadiusY="0.307626">
                <RadialGradientBrush.RelativeTransform>
                  <TransformGroup>
                    <RotateTransform Angle="180" CenterX="0.489068" CenterY="0.793514"/>
                  </TransformGroup>
                </RadialGradientBrush.RelativeTransform>
                <GradientStop Color="#FFFFFFFF" Offset="0"/>
                <GradientStop Color="#FF000000" Offset="1"/>
              </RadialGradientBrush>
            </Ellipse.Fill>
            <Ellipse.RenderTransform>
              <TransformGroup>
                <ScaleTransform ScaleX="1" ScaleY="-1"/>
                <SkewTransform AngleX="0" AngleY="0"/>
                <RotateTransform Angle="0"/>
                <TranslateTransform X="0" Y="0"/>
              </TransformGroup>
            </Ellipse.RenderTransform>
          </Ellipse>
          <Ellipse RenderTransformOrigin="0.5,0.5" Width="25" Height="25" StrokeThickness="1" Canvas.Left="498.917" Canvas.Top="12.5">
            <Ellipse.RenderTransform>
              <TransformGroup>
                <ScaleTransform ScaleX="1" ScaleY="-1"/>
                <SkewTransform AngleX="0" AngleY="0"/>
                <RotateTransform Angle="0"/>
                <TranslateTransform X="0" Y="0"/>
              </TransformGroup>
            </Ellipse.RenderTransform>
            <Ellipse.Fill>
              <RadialGradientBrush Center="0.489068,0.793514" GradientOrigin="0.489068,0.793514" RadiusX="0.563792" RadiusY="0.307626">
                <RadialGradientBrush.RelativeTransform>
                  <TransformGroup>
                    <RotateTransform Angle="180" CenterX="0.489068" CenterY="0.793514"/>
                  </TransformGroup>
                </RadialGradientBrush.RelativeTransform>
                <GradientStop Color="#FFFFFFFF" Offset="0"/>
                <GradientStop Color="#FF000000" Offset="1"/>
              </RadialGradientBrush>
            </Ellipse.Fill>
          </Ellipse>

          <!-- // -->
          <Ellipse x:Name="scrubber" RenderTransformOrigin="0.5,0.5" Width="50" Height="50" StrokeThickness="1" Opacity="1" Canvas.Left="25">
            <Ellipse.RenderTransform>
              <TransformGroup>
                <ScaleTransform ScaleX="1" ScaleY="-1"/>
                <SkewTransform AngleX="0" AngleY="0"/>
                <RotateTransform Angle="0"/>
                <TranslateTransform X="0" Y="0"/>
              </TransformGroup>
            </Ellipse.RenderTransform>
            <Ellipse.Fill>
              <RadialGradientBrush Center="0.489068,0.793514" GradientOrigin="0.489068,0.793514" RadiusX="0.563792" RadiusY="0.307626">
                <RadialGradientBrush.RelativeTransform>
                  <TransformGroup>
                    <RotateTransform Angle="180" CenterX="0.489068" CenterY="0.793514"/>
                  </TransformGroup>
                </RadialGradientBrush.RelativeTransform>
                <GradientStop Color="#FFFFFFFF" Offset="0"/>
                <GradientStop Color="#FF969696" Offset="1"/>
              </RadialGradientBrush>
            </Ellipse.Fill>
          </Ellipse>
        </Canvas>

        <!-- // -->
        <Canvas x:Name="rewind" Background="Transparent" Width="50" Height="50" Canvas.Left="20" Canvas.Top="20">
          <Path Opacity="1" Width="50" Height="50" Stretch="Fill" Data="M50,0 L50,50 25,25 50,0 z M25,0 L25,25 25,50 0,25 25,0 z">
            <Path.Fill>
              <LinearGradientBrush MappingMode="RelativeToBoundingBox" SpreadMethod="Pad" EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="#FF969696" Offset="0"/>
                <GradientStop Color="#FF969696" Offset="1"/>
                <GradientStop Color="#FFFFFFFF" Offset="0.5"/>
              </LinearGradientBrush>
            </Path.Fill>
          </Path>
        </Canvas>

        <!-- // -->
        <Canvas x:Name="stop" Background="Transparent" Width="50" Height="50" Canvas.Left="90" Canvas.Top="20">
          <Rectangle Width="50" Height="50" Opacity="1">
            <Rectangle.Fill>
              <LinearGradientBrush MappingMode="RelativeToBoundingBox" SpreadMethod="Pad" EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="#FF969696" Offset="0"/>
                <GradientStop Color="#FF969696" Offset="1"/>
                <GradientStop Color="#FFFFFFFF" Offset="0.5"/>
              </LinearGradientBrush>
            </Rectangle.Fill>
          </Rectangle>
        </Canvas>

        <!-- // -->
        <Canvas x:Name="play" Background="Transparent" Width="50" Height="50" Canvas.Left="160" Canvas.Top="20">
          <Path Width="50" Height="50" Data="M0,0 L50,25 0,50 z" Opacity="1">
            <Path.Fill>
              <LinearGradientBrush MappingMode="RelativeToBoundingBox" SpreadMethod="Pad" EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="#FF969696" Offset="0"/>
                <GradientStop Color="#FF969696" Offset="1"/>
                <GradientStop Color="#FFFFFFFF" Offset="0.5"/>
              </LinearGradientBrush>
            </Path.Fill>
          </Path>
        </Canvas>

        <!-- // -->
        <Canvas x:Name="pause" Background="Transparent" Width="50" Height="50" Canvas.Left="160" Canvas.Top="20" Visibility="Collapsed">
          <Path Width="50" Height="50" Stretch="Fill" Data="M30,0 L50,0 50,50 30,50 30,0 z M0,0 L20,0 20,50 0,50 0,0 z" Visibility="Visible" Opacity="1">
            <Path.Fill>
              <LinearGradientBrush MappingMode="RelativeToBoundingBox" SpreadMethod="Pad" EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="#FF969696" Offset="0"/>
                <GradientStop Color="#FF969696" Offset="1"/>
                <GradientStop Color="#FFFFFFFF" Offset="0.5"/>
              </LinearGradientBrush>
            </Path.Fill>
          </Path>
        </Canvas>

        <!-- // -->
        <Canvas x:Name="forward" Background="Transparent" Width="50" Height="50" Canvas.Left="230" Canvas.Top="20">
          <Path Opacity="1" Width="50" Height="50" Stretch="Fill" Data="M25,0 L50,25 25,50 25,25 25,0 z M0,0 L25,25 0,50 0,0 z">
            <Path.Fill>
              <LinearGradientBrush MappingMode="RelativeToBoundingBox" SpreadMethod="Pad" EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="#FF969696" Offset="0"/>
                <GradientStop Color="#FF969696" Offset="1"/>
                <GradientStop Color="#FFFFFFFF" Offset="0.5"/>
              </LinearGradientBrush>
            </Path.Fill>
          </Path>
        </Canvas>

        <!-- // -->
        <TextBlock x:Name="pastTime" Opacity="1" Canvas.Left="299" Canvas.Top="14.6" FontFamily="Arial" FontSize="26.5" FontWeight="Bold" Foreground="#FF00FF00" Text="00:00:00"/>

        <!-- // -->
        <TextBlock x:Name="totalTime" Opacity="1" Canvas.Left="299" Canvas.Top="45.2" FontFamily="Arial" FontSize="26.5" FontWeight="Bold" Foreground="#FF00FF00" Text="00:00:00"/>

        <!-- // -->
        <Canvas x:Name="enterMediaFullScreen" Background="Transparent" Width="50" Height="50" Canvas.Left="424" Canvas.Top="20">
          <Path Opacity="1" Width="50" Height="50" Stretch="Fill" Data="M0,0 L20,0 11.384713,8.6152868 24.937,22.167574 38.552288,8.5522871 30,0 50,0 50,20 41.380714,11.380714 27.765427,24.996002 41.384712,38.615288 50,30 50,50 30,50 38.556286,41.443714 24.937,27.824429 11.380714,41.380714 20,50 0,50 0,30 8.5522871,38.552288 22.108574,24.996002 8.5562859,11.443714 0,20&#xa;0,0 z" Visibility="Visible">
            <Path.Fill>
              <LinearGradientBrush MappingMode="RelativeToBoundingBox" SpreadMethod="Pad" EndPoint="0.5,1" StartPoint="0.5,0">

                <!-- // -->
                <GradientStop x:Name="enterMediaFullScreenColor1" Color="#FF969696" Offset="0"/>
                <GradientStop x:Name="enterMediaFullScreenColor2" Color="#FFFFFFFF" Offset="0.5"/>
                <GradientStop x:Name="enterMediaFullScreenColor3" Color="#FF969696" Offset="1"/>
              </LinearGradientBrush>
            </Path.Fill>
          </Path>
        </Canvas>

        <!-- // -->
        <Canvas x:Name="leaveMediaFullScreen" Background="Transparent" Visibility="Collapsed" Width="50" Height="50" Canvas.Left="424" Canvas.Top="20">
          <Path Opacity="1" Width="50" Height="50" Stretch="Fill" Data="M27.000048,27.062048 L47.000048,27.062048 38.445262,35.616835 50.000098,47.171671 47.171668,50.000098 35.616835,38.445261 27.000048,47.062048 27.000048,27.062048 z M3.0000485,27.062048 L23.000048,27.062048 23.000048,47.062048 14.383261,38.445261 2.828427,50.000098 0,47.171671 11.554835,35.616835 3.0000485,27.062048 z M47.171668,0 L50.000098,2.8284269 38.383261,14.445262 47.000048,23.062048 27.000048,23.062048 27.000048,3.0620485 35.554835,11.616835 47.171668,0 z M2.828427,0 L14.445262,11.616835 23.000048,3.0620485 23.000048,23.062048 3.0000485,23.062048 11.616835,14.445261 0,2.8284269 2.828427,0 z" Visibility="Visible">
            <Path.Fill>
              <LinearGradientBrush MappingMode="RelativeToBoundingBox" SpreadMethod="Pad" EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="#FF969696" Offset="0"/>
                <GradientStop Color="#FF969696" Offset="1"/>
                <GradientStop Color="#FFFFFFFF" Offset="0.5"/>
              </LinearGradientBrush>
            </Path.Fill>
          </Path>
        </Canvas>

        <!-- // -->
        <Canvas x:Name="showTranscript" Background="Transparent" Width="50" Height="50" Canvas.Left="494" Canvas.Top="20">
          <Path Opacity="1" Width="50" Height="50" Stretch="Fill" Data="M16,0 L50,0 50,50 0,50 0,16 16,16 16,0 z M14,0 L14,14 0,14 14,0 z">
            <Path.Fill>
              <LinearGradientBrush MappingMode="RelativeToBoundingBox" SpreadMethod="Pad" EndPoint="0.5,1" StartPoint="0.5,0">

                <!-- // -->
                <GradientStop x:Name="showTranscriptColor1" Color="#FF969696" Offset="0"/>
                <GradientStop x:Name="showTranscriptColor2" Color="#FFFFFFFF" Offset="0.5"/>
                <GradientStop x:Name="showTranscriptColor3" Color="#FF969696" Offset="1"/>
              </LinearGradientBrush>
            </Path.Fill>
          </Path>
          <Rectangle Width="24" Height="4" Fill="#FF4B4B4B" Canvas.Left="21" Canvas.Top="12"/>
          <Rectangle Width="40" Height="4" Fill="#FF4B4B4B" Canvas.Left="5" Canvas.Top="21"/>
          <Rectangle Width="40" Height="4" Fill="#FF4B4B4B" Canvas.Left="5" Canvas.Top="30"/>
          <Rectangle Width="40" Height="4" Fill="#FF4B4B4B" Canvas.Left="5" Canvas.Top="39"/>
        </Canvas>
        <Canvas RenderTransformOrigin="0.5,0.5" Width="60" Height="60" Canvas.Left="594.001" Canvas.Top="49.966">
          <Canvas.RenderTransform>
            <TransformGroup>
              <ScaleTransform ScaleX="2" ScaleY="2"/>
              <SkewTransform AngleX="0" AngleY="0"/>
              <RotateTransform Angle="0"/>
              <TranslateTransform X="0" Y="0"/>
            </TransformGroup>
          </Canvas.RenderTransform>

          <!-- // -->
          <Path x:Name="volume1" Fill="#FF00FF00" Data="F1 M 47.204590,5.297363 C 42.490723,12.075195 37.444824,18.844727 32.552246,25.568848 C 31.883301,26.487793 31.343262,27.472656 30.516602,28.217285 C 30.584961,18.845703 30.381348,9.201660 30.618652,0.000000 C 37.819824,0.091797 42.761230,2.444824 47.204590,5.297363 Z"/>
          <Path x:Name="volume2" Fill="#FF00FF00" Data="F1 M 48.018066,6.010254 C 52.741699,9.498047 56.304199,14.150391 58.395996,20.271484 C 49.404785,23.085449 40.543457,26.031250 31.636230,28.930176 C 31.235840,28.852051 31.832520,28.477051 31.940918,28.318848 C 36.343262,21.968750 41.206543,15.454590 45.778809,9.066406 C 46.528809,8.020020 47.388184,7.142090 48.018066,6.010254 Z"/>
          <Path x:Name="volume3" Fill="#FF00FF00" Data="F1 M 58.701660,21.290527 C 60.496582,26.036621 60.335449,33.806152 58.804199,38.709473 C 49.649902,35.956543 40.863770,32.832520 31.737793,30.051270 C 40.577637,27.048828 49.933105,24.021484 58.701660,21.290527 Z"/>
          <Path x:Name="volume4" Fill="#FF00FF00" Data="F1 M 58.395996,39.728027 C 56.312012,45.824707 52.698730,50.391113 48.119629,53.989746 C 42.532715,46.374512 37.020996,38.684082 31.433105,31.069824 C 40.236816,33.732910 49.407715,36.910645 58.395996,39.728027 Z"/>
          <Path x:Name="volume5" Fill="#FF00FF00" Data="F1 M 47.204590,54.702637 C 42.709473,57.537598 37.730957,59.887207 30.516602,59.999512 C 30.516602,50.525879 30.516602,41.052246 30.516602,31.578613 C 36.071777,39.294434 41.776855,46.859863 47.204590,54.702637 Z"/>
          <Path x:Name="volume6" Fill="#FF969696" Data="F1 M 29.397461,31.681152 C 29.635742,40.917480 29.432129,50.594238 29.499512,59.999512 C 22.296387,59.843262 17.199707,57.577637 12.812012,54.601074 C 18.303711,46.923340 23.916504,39.367676 29.397461,31.681152 Z"/>
          <Path x:Name="volume7" Fill="#FF969696" Data="F1 M 28.481934,30.968262 C 28.568359,30.948730 28.578613,31.007324 28.583496,31.069824 C 23.071777,38.726074 17.464355,46.286621 11.998047,53.989746 C 7.299316,50.511230 3.829590,45.802246 1.619629,39.830566 C 10.448730,36.749512 19.645020,34.037598 28.481934,30.968262 Z"/>
          <Path x:Name="volume8" Fill="#FF969696" Data="F1 M 1.416016,21.290527 C 10.445801,24.101074 19.286621,27.101074 28.278320,29.948730 C 19.358887,32.937012 10.369141,35.854980 1.314453,38.709473 C 0.173828,35.212402 -0.385742,30.046387 0.296875,25.466797 C 0.508789,24.049805 0.815918,22.491211 1.212891,21.494141 C 1.234863,21.438965 1.312500,21.108887 1.416016,21.290527 Z"/>
          <Path x:Name="volume9" Fill="#FF969696" Data="F1 M 20.341797,17.521484 C 23.131836,21.339355 25.938965,25.146973 28.481934,28.930176 C 19.501465,26.070801 10.665527,23.065918 1.619629,20.271484 C 3.715820,14.186035 7.307617,9.599121 11.896484,6.010254 C 11.982910,5.990723 11.993164,6.049805 11.998047,6.111816 C 14.775879,9.853516 17.554688,13.706543 20.341797,17.521484 Z"/>
          <Path x:Name="volume10" Fill="#FF969696" Data="F1 M 29.499512,0.000000 C 29.499512,9.371582 29.499512,18.743652 29.499512,28.115723 C 29.384277,28.507324 29.137207,27.895508 28.990723,27.708008 C 26.356445,24.315918 23.765625,20.480469 21.155762,16.910156 C 18.333008,13.046387 15.480957,9.112305 12.812012,5.297363 C 17.293457,2.448730 22.241699,0.068359 29.499512,0.000000 Z"/>

          <!-- // -->
          <Canvas x:Name="mute" Width="20" Height="20" Canvas.Left="20" Canvas.Top="20">
            <Ellipse Width="20" Height="20" Fill="#FF4B4B4B"/>

            <!-- // -->
            <Path x:Name="speaker" Fill="#FFFFFFFF" Data=" M 7.414063,0.000000 C 7.748535,4.811523 7.493652,10.211914 7.573242,15.277344 C 7.028809,15.279297 6.729004,14.671875 6.379883,14.322266 C 5.306641,13.249023 4.158203,11.994141 2.958496,10.980469 C 1.977051,10.980469 0.995605,10.980469 0.014160,10.980469 C 0.078125,8.816406 -0.137207,6.373047 0.173340,4.456055 C 1.187012,4.183594 2.032227,4.651367 2.878906,4.456055 C 3.726074,4.260742 4.437988,3.070313 5.106934,2.386719 C 6.054688,1.418945 6.801758,0.747070 7.414063,0.000000 Z" Canvas.Left="2.006" Canvas.Top="2.362"/>
            <Path x:Name="sound1" StrokeThickness="1.000000" Stroke="#FFFFFFFF" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeMiterLimit="1.000000" Data=" M 10.000977,1.949219 C 16.183594,4.104492 16.133789,11.107422 9.989258,13.225586" Canvas.Left="2.756" Canvas.Top="2.362"/>
            <Path x:Name="sound2" StrokeThickness="1.000000" Stroke="#FFFFFFFF" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeMiterLimit="1.000000" Data=" M 9.364258,11.895508 C 13.980469,10.185547 14.161133,4.927734 9.364258,3.063477" Canvas.Left="2.756" Canvas.Top="2.362"/>
            <Path x:Name="sound3" StrokeThickness="1.000000" Stroke="#FFFFFFFF" StrokeStartLineCap="Round" StrokeEndLineCap="Round" StrokeMiterLimit="1.000000" Data=" M 8.170898,10.861328 C 11.676758,10.100586 11.612305,4.983398 8.170898,4.177734" Canvas.Left="2.756" Canvas.Top="2.362"/>
          </Canvas>
        </Canvas>

        <!-- // -->
        <Canvas x:Name="higherVolume" Background="Transparent" Width="50" Height="25" Canvas.Left="599.001" Canvas.Top="30">
          <Path Width="50" Height="25" Data="M25,0 L0,25 50,25 z" Opacity="0.9" Stretch="Fill" Fill="#FFFFFFFF"/>
        </Canvas>

        <!-- // -->
        <Canvas x:Name="lowerVolume" Background="Transparent" Width="50" Height="25" Canvas.Left="599.001" Canvas.Top="105">
          <Path Width="50" Height="25" Data="M0,0 L50,0 25,25 z" Opacity="0.9" Stretch="Fill" Fill="#FFFFFFFF"/>
        </Canvas>

        <!-- // -->
        <MediaElement x:Name="volumeSound" Source="Resource/volumeSound.mp3" AutoPlay="False"/>
      </Canvas>
    </Canvas>
  </Canvas>

  <!-- // -->
  <Canvas x:Name="task">
  </Canvas>

  <!-- // -->
  <Canvas x:Name="taskPanel" Width="115" Height="45" Background="#FF4B4B4B" Opacity="0.9" Visibility="Collapsed">

    <!-- // -->
    <Canvas x:Name="previous" Background="Transparent" Width="25" Height="25" Canvas.Top="10" Canvas.Left="10">
      <Path Width="25" Height="25" Data="M50,0 L0,25 50,50 z" Opacity="1" Stretch="Fill">
        <Path.Fill>
          <LinearGradientBrush MappingMode="RelativeToBoundingBox" SpreadMethod="Pad" EndPoint="0.5,1" StartPoint="0.5,0">

            <!-- // -->
            <GradientStop x:Name="previousColor1" Color="#FF000000" Offset="0"/>
            <GradientStop x:Name="previousColor2" Color="#FF000000" Offset="0.5"/>
            <GradientStop x:Name="previousColor3" Color="#FF000000" Offset="1"/>
          </LinearGradientBrush>
        </Path.Fill>
      </Path>
    </Canvas>

    <!-- // -->
    <Canvas x:Name="ok" Background="Transparent" Width="25" Height="25" Canvas.Top="10" Canvas.Left="45">
      <Rectangle Width="25" Height="25" Opacity="1">
        <Rectangle.Fill>
          <LinearGradientBrush MappingMode="RelativeToBoundingBox" SpreadMethod="Pad" EndPoint="0.5,1" StartPoint="0.5,0">

            <!-- // -->
            <GradientStop x:Name="okColor1" Color="#FF000000" Offset="0"/>
            <GradientStop x:Name="okColor2" Color="#FF000000" Offset="0.5"/>
            <GradientStop x:Name="okColor3" Color="#FF000000" Offset="1"/>
          </LinearGradientBrush>
        </Rectangle.Fill>
      </Rectangle>
      <TextBlock Text="OK" Canvas.Top="3.875" TextWrapping="Wrap" Foreground="#FF4B4B4B" FontFamily="Arial" FontSize="15" Canvas.Left="1.25"/>
    </Canvas>

    <!-- // -->
    <Canvas x:Name="next" Background="Transparent" Width="25" Height="25" Canvas.Top="10" Canvas.Left="80">
      <Path Width="25" Height="25" Data="M0,0 L50,25 0,50 z" Opacity="1" Stretch="Fill">
        <Path.Fill>
          <LinearGradientBrush MappingMode="RelativeToBoundingBox" SpreadMethod="Pad" EndPoint="0.5,1" StartPoint="0.5,0">

            <!-- // -->
            <GradientStop x:Name="nextColor1" Color="#FF000000" Offset="0"/>
            <GradientStop x:Name="nextColor2" Color="#FF000000" Offset="0.5"/>
            <GradientStop x:Name="nextColor3" Color="#FF000000" Offset="1"/>
          </LinearGradientBrush>
        </Path.Fill>
      </Path>
    </Canvas>
  </Canvas>

  <!-- // -->
  <TextBlock x:Name="caption" TextWrapping="Wrap" FontFamily="Arial" FontStyle="Italic" FontSize="10" Visibility="Collapsed"/>

  <!-- // -->
  <TextBlock x:Name="footline"/>

  <!-- // -->
  <Canvas x:Name="button" Width="40" Height="20" Background="#000000" Visibility="Collapsed">

    <!-- // -->
    <TextBlock x:Name="buttonText" Canvas.Top="2.316" TextWrapping="Wrap" FontSize="10" Foreground="#FFFFFF"/>
  </Canvas>

</Canvas>
